.purseIndex{
  //background-color: #ccc;
  width: 7.2rem;
  //min-height: 100vh;
  .container{
    //background-color: #fff;
    color: #000;
    @contentPaddingLR:0.5rem;
    @contentPaddingLR4:0.4rem;
    .top{
      display: flex;
      justify-content: start;
      @topContentHeight:1.2rem;
      padding: 1.5rem @contentPaddingLR4;
      background: linear-gradient(180deg, #00B1FF 0%, #0089FF 100%);
      position: relative;
      .rightTopBtn{
        position: absolute;
        right: 0.4rem;
        top:0.6rem;
        cursor: pointer;
        width: 0.3rem;
        height: 0.3rem;
      }
      .rightBtnWhite{
        position: absolute;
        right: 0.4rem;
        top:1.88rem;
        cursor: pointer;
        width: 0.44rem;
        height: 0.44rem;
      }
      .userPic{
        cursor: pointer;
        width: @topContentHeight;
        height: @topContentHeight;
        border-radius: 50%;
        overflow: hidden;
        background:linear-gradient(180deg, #00B1FF 0%, #0089FF 100%);
        border: 2px solid #fff;
        box-sizing: border-box;
        img{
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center;
        }
      }
      .nickName{
        height: @topContentHeight;
        line-height: @topContentHeight;
        font-size: 0.32rem;

        font-weight: bold;
        color: #FFFFFF;
        opacity: 1;
        padding-left: 0.2rem;
      }
    }
    .center{
      position: relative;
      border-top-left-radius: 0.4rem;
      border-top-right-radius: 0.4rem;
      overflow: hidden;
      margin-top: -0.5rem;
      background-color: rgba(245, 245, 245, 1);
      height: calc(100vh - 3.2rem - 0.5rem);
      box-sizing: border-box;
      .content{
        padding: 0 @contentPaddingLR4;
        &>.gotoLogoutBtn{
          display: block;
          margin: 1rem auto 0;
          cursor: pointer;
        }
        &>.gotoLogoutBtn2{
          display: block;
          margin: 1rem auto 0;
          cursor: pointer;
          border: 1px solid #707070;
          width: 3.8rem;
          text-align: center;
          font-size: 0.2rem;
          color: #707070;
          border-radius: 0.1rem;
          height: 0.8rem;
          line-height: 0.8rem;
          font-weight: bold;
        }
        .li{
          padding: 0.3rem 0;
          display: flex;
          justify-content: space-between;
          cursor: pointer;
          border-bottom: 1px solid rgba(203, 203, 203, 1);
          height: 0.44rem;
          .left{
            display: flex;
            img.leftIcon{
              width: 0.4rem;
              height: 0.4rem;
            }
            p{
              padding-left: 0.2rem;
              height: 0.4rem;
              line-height: 0.4rem;
              font-size: 0.32rem;

              font-weight: bold;
              color: #333333;
              opacity: 1;
            }
          }
          .rightbtn{
            width: 0.44rem;
            height: 0.44rem;
          }
        }
        .email{
          height: 0.4rem;
          width: 18em;
          border-radius: 0.05rem;
          cursor: pointer;
          margin: 0.2rem auto 0;
          border: 1px dashed #333333;
          display: flex;
          justify-content: center;
          img{
            height: 0.4rem;
            width: auto;
          }
          span{
            display: block;
            padding-left: 0.2rem;
            height: 0.4rem;
            line-height: 0.4rem;
            font-size: 0.32rem;
            font-weight: normal;
            color: #333333;
            opacity: 1;
          }
        }
      }
    }
  }
}
